<template>
  <div>
    <h2>v-modal的原理</h2>
    
    <!-- 在 template区域，如果使用事件对象，则使用 $event -->
    <!-- <input type="text" :value="uname" @input="uname = $event.target.value"> -->
    <!-- 综上所述：对于输入框来说： v-modal 相当于 :value + @input -->

    <!-- <input type="checkbox" :checked="flag" @change="flag = $event.target.checked"> -->
    <!-- 综上所述：对于单个复选框来说： v-modal 相当于 :checked + @change -->

  <my-input :value="uname" @input="(val)=>uname = val"></my-input>
  </div>
</template>

<script>
import myInput from './components/myInput.vue'
export default {
  components: { myInput },
data(){
  return{
    uname:'zhangsan',
    flag:true
  }
}
}
</script>

<style>

</style>